<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link rel="stylesheet" type="text/css" href="css/reset.css" />
    <link rel="stylesheet" type="text/css" href="css/person.css" />
    <link rel="stylesheet" type="text/css" href="css/animation.css" />
    <link rel="stylesheet" type="text/css" href="css/button.css" />
    <link rel="stylesheet" type="text/css" href="css/login.css" />
    <title>首页</title>



</head>
<style>

</style>



<body>
    <div class="web">
        <header>
            <section><img src="images/logo_03.jpg"></section>
            <section><img src="images/logo.jpg"></section>
            <nav class="btn_nav">
                <span></span>
                <span></span>
                <span></span>
            </nav>
            <ul class="nav">
                    <li><a href="index.html">首页</a></li>
                    <li><a href="video.html">视频</a></li>
                    <li><a href="fun.html">功能</a></li>
                    <li><a href="consult.html">咨询</a></li>
                    <li class="border_san"><a href="actor.html">名伶</a></li>
                    <li class="toggle_btn">登录</li>
            </ul>
        </header>
        <div class="per_main">
                <div class="left_content">
                        <h1>我的名字是红线女</h1>
                        <p class="per_txts">1938年因日军侵华而失学，同年7、8月间，随母亲经澳门赴
                        香港，拜舅母何芙莲为师，正式学艺，取艺名小燕红。1939年
                        春节，在胜寿年班首次登台演出。从此，她在戏班中练功、学
                        唱，夜场演出扮丫环、宫女的角色。在香港郊区演出日场时也
                        担任一些戏份不多的配角，在“天光戏”中，还有机会演主角</p>
                        <div class="nextBtn">翻页<span><img src="images/jiantou.png" alt=""></span></div>
                </div>
                <div class="right_content">
                        <img src="images/per1_04.jpg">
                </div>
        </div>
        <h1>主要作品</h1>
        <div class="work_box">
                <div class="left_work">
                        <img src="images/per2_13.jpg">
                </div>
                <div class="right_work">
                        <h3>《昭君出塞》</h3>
                        <p>在莫斯科举行的第六届世界青年与学
                                生和平友谊联欢节上演唱获东方古典
                                歌曲比赛金质奖章</p>
                </div>

                
                <div class="right_work2">
                        <h3>《荔枝颂》</h3>
                        <p>在莫斯科举行的第六届世界青年与学
                                生和平友谊联欢节上演唱获东方古典
                                歌曲比赛金质奖章</p>
                </div>
                <div class="left_work2">
                        <img src="images/per3_18.jpg">
                </div>
                <div class="right_work22">
                        <h3>《荔枝颂》</h3>
                        <p>在莫斯科举行的第六届世界青年与学
                                生和平友谊联欢节上演唱获东方古典
                                歌曲比赛金质奖章</p>
                </div>
        </div>
           <footer>
                <img src="images/footer_02.jpg">
                <aside>
                    <p>意见反馈 & 让我们变得更好</p>
                    <input type="text">
                    <span>sumbit</span> 
                </aside> 
           </footer>
    </div>

    <!--登录-->
    <div class="login">
        <article>
                <section class="login_left">
                        <img src="images/dl_03.jpg">
                </section>
                 <form class="login_right login_box">
                        <h3>登录</h3>
                        <input type="text" placeholder="请输入用户名/手机号">
                        <input type="text" placeholder="请输入密码"><br>
                        <input type="submit" value="确认登录">
                        <p>还没注册？去<span class="reg_btn">注册</span></p>
                </form> 
                <form class="login_right register">
                    <h3>注册</h3>
                    <input type="text" placeholder="请输入手机号注册">
                    <input type="text" placeholder="请输入密码"><br>
                    <input type="text" placeholder="请确认密码"><br>
                    <input type="submit" value="确认注册">
                    <p>注册完成？去<span class="login_btn">登录</span></p>
            </form>
        </article>
        <span class="back">返回</span>
</div>
</body>
<script src="js/response.js"></script>
<script src="js/logres.js"></script>
<script src="js/nav.js"></script>
<script>
    var per_txts = document.querySelector(".per_txts");
    var nextBtn = document.querySelector(".nextBtn");
    var txtobj1 = "1938年因日军侵华而失学，同年7、8月间，随母亲经澳门赴香港，拜舅母何芙莲为师，正式学艺，取艺名小燕红。1939年春节，在胜寿年班首次登台演出。从此，她在戏班中练功、学唱，夜场演出扮丫环、宫女的角色。在香港郊区演出日场时，也担任一些戏份不多的配角，在“天光戏”中，还有机会演主角。"
    var txtobj2 = "1940年，红线女随何芙莲临时搭班于靓少凤的金星剧团演出。1941年在上海演出，红线女当上了第三花旦。1943年，她在肇庆演出，在内地第一次用“红线女”这个艺名。从此，她成为“师曾剧团的正印花旦。以后到抗战大后方广西等地演出了许多马派剧目，如《苦凤莺怜》《斗气姑爷》《软皮蛇招郡马》等。"
    var txtobj3 = "抗战胜利后，红线女定居香港，成为影剧两栖演员。1952年，在香港组建真善美剧团，并与马师曾、薛觉先等合演《蝴蝶夫人》《清宫恨史》等剧。1952年，她在演出《一代天骄》《王昭君》，改编《蝴蝶夫人》和莎翁名著的实践上，根据自己的天赋，嗓音条件，在传统旦角的基础上，融入京腔、昆腔演唱艺术和西洋美声技法，创造了“红腔”。"
    var arr = [txtobj1,txtobj2,txtobj3];
    var index = 0;
    nextBtn.addEventListener("click",function(){
            index++;
            if(index<arr.length){
                per_txts.innerHTML = arr[index];
            }else{
                index = 0;
                per_txts.innerHTML = arr[index];
            }
         
    })

</script>

</html>